// 创建directives文件夹 专门存放全局自定义指令 按需导出 main.js按需引入
// 注册一个全局自定义指令
import store from '@/store'
export const Imgerror = {
  inserted(el, binding) {
    // el 代表使用自定义指令的DOM元素
    // 在使用这个指令的时候传入数据（binding.value）
    el.onerror = function() { // 当图片显示不出来的时候触发
      el.src = binding.value
    }
  }
}
// 练习注册一个全局的color自定义指令
export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}
// 注册一个全局的permission自定义指令
export const permission = {
  inserted(el, binding) {
    const points = store.getters.roles?.points || []
    if (!points.includes(binding.value)) {
      el.parentNode.removeChild(el)
    }
  }
}
